<template>
	<view>
		<view class="flex-col page">
			<view class="flex-col flex-1 group">
				<view class="flex-col section">
					<view style="height: 30rpx;"> </view>
					<view class="flex-col">
						<view class="flex-row items-center mt-14-5">
							<text class="font_2 text_4" @click="open">北京市</text>
							<image class="image_4 ml-5" src="/static/icon/icon1.png" @click="open" />
						</view>
					</view>
					<view class="flex-col items-start mt-33">
						<text class="text_5">{{Carinformation.company_name}}</text>
						<text class="font_3 text_6 mt-13-5">{{Carinformation.slogen}}</text>
					</view>
				</view>
			</view>

			<view class="flex-col relative section_2">
				<view class="flex-row items-center">

					<view class="flex-row items-end shrink-0 ">
						<block v-for="(item,index) in extdata">
							<image class="image_5" v-if="type == 1 && index == type "
								style="   position:absolute; z-index:999;left:225rpx;transform: rotate(-90deg);"
								src="/static/icon/jiao.png" />
							<image class="image_5" v-if="type == 2 && index == type "
								style=" position:absolute; z-index:999;left:468rpx;transform: rotate(-90deg);"
								src="/static/icon/jiao.png" />
							<view class="flex-itm" @click="tab(index)"
								:style="{ backgroundColor: index === type ? '#ffffff' : 'initial' }">
								<view class="font_2 text_7 fontsizetit"
									style=" font-size: 30rpx;  display: flex;  flex-direction: column;  justify-content: center;   align-items: center;">
									{{item.name}}
									<view class="section_4 mt-7" v-if="type == index "></view>
								</view>
							</view>
							<image class="image_5" v-if="type == 0 && index == type "
								style="   position:absolute; z-index:999;left:243rpx;" src="/static/icon/jiao.png" />
							<image class="image_5" v-if="type == 1 && index == type "
								style="   position:absolute; z-index:999;left:482rpx;" src="/static/icon/jiao.png" />
						</block>
					</view>
				</view>
				<view class="flex-col section_5">
					<!-- {{cartype}} -->

					<view class="flex-col">
						<view class="flex-row justify-center group_4">
							<view class="flex-row justify-start items-center text-wrapper"
								v-for="(item,index) in cartype" @click="tabcar(index)">
								<text class="font_3" :class="typese == index ? 'lanse' : ''">{{item.name}} </text>
							</view>
						</view>


						<view v-if="type !=1" class="flex-row justify-between items-center group_5 mt-7-5">
							<image class="image_6" :src="carindex.image" />
							<view class="flex-col group_6">
								<text class="self-start font_5 text_13">{{carindex.title}}</text>
								<view class="mt-18 self-stretch group_7">
									<text class="font_6">
										{{carindex.info}}

									</text>
									<text class="font_6"></text>
									<text class="font_6 text_14" @click="handleClick">了解更多</text>
								</view>
							</view>
						</view>
						<!-- 输入 -->
						<My-Vehouse ref="vehouse" style="width: 93%; margin: 0 auto;" v-show="type !=1"></My-Vehouse>


						<view class="flex-col list view_3" v-if="type !=1">
							<view class="self-center">
								<text class="text_20">{{carindex.initial_price}} </text>
								<text class="text_21"> 元</text>
							</view>
							<text class="text_222 mt-14-5" style="font-size:24rpx;">
								{{carindex.price_introduction}}</text>
							<view class="flex-col justify-start items-center button text-wrapper_5 mt-14-5"
								@click="uentse()">
								<text class="text_22">下一步</text>
							</view>
							<view style="height: 35rpx;">

							</view>
						</view>



					</view>
				</view>

				<My-JapaneseMoving ref="japanRef" v-if="type == 1"></My-JapaneseMoving>
			</view>


		</view>

	</view>




	<view class="bottoms">
		<u-popup :show="show" mode="bottom" :round="15">
			<view class="flex-col section_4">
				<view class="flex-col group_4">
					<view class="flex-row justify-between items-end self-stretch">
						<text class="font_2 text_10">选择搬家城市</text>
						<image class="image_5" src="/static/icon/x.png" @click="open" />
					</view>
					<text class="self-start font_2 text_11 mt-18-5">当前城市</text>
					<view class="flex-row justify-evenly items-center button section_5 mt-18-5">
						<image class="image_6" src="/static/icon/ding.png" />
						<text class="font_2 text_12">北京市</text>
					</view>
				</view>
				<view class="mt-26 flex-col">
					<text class="self-start font_2 text_13">其他城市</text>
					<view class="flex-col justify-start self-stretch mt-16-5">
						<view class="flex-col group_6">
							<view class="flex-col">
								<view class="mt-8 flex-row" @click="ciickherit">
									<view class="flex-col justify-start items-center text-wrapper_3"><text
											class="font_2" style="color:rgba(34, 34, 34, 0.3);">上海市</text></view>
									<view class="flex-col justify-start items-center text-wrapper_3 ml-8-5">
										<text class="font_2" style="color:rgba(34, 34, 34, 0.3);">广州市</text>
									</view>
									<view class="flex-col justify-start items-center text-wrapper_3 ml-8-5">
										<text class="font_2" style="color:rgba(34, 34, 34, 0.3);">深圳市</text>
									</view>
									<view class="flex-col justify-start items-center text-wrapper_3 ml-8-5">
										<text class="font_2" style="color:rgba(34, 34, 34, 0.3);">杭州市</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-popup>
	</view>

</template>


<script>
	import {
		Init,
		CreateOrder
	} from '@/utils/user.js'
	import Movehouse from '@/components/movehouse.vue';
	import JapaneseMoving from '@/components/JapaneseMoving.vue';
	export default {
		components: {
			'My-Vehouse': Movehouse,
			'My-JapaneseMoving': JapaneseMoving,
		},
		data() {
			return {
				show: false,
				items: [null, null, null],
				cartype: [],
				extdata: [],
				type: 0,
				typese: 1,
				carindex: {
					image: "http://123.57.166.202/Static/Images/che.png",
					info: "适用于单人或双人家庭，无大型家具、家电物品",
					initial_price: "348",
					price_introduction: "含5/立方米，超出后 280 元每立方米",
					title: "一名师傅全程搬运",
				},
				Carinformation: {},
			}
		},
		onLoad() {
			// 通过`console.log`打印的形式
			console.log(uni.$u.config.v);
			console.log(uni.$u);
			console.log(6666);
			// 主页车信息
			this.Car()
			this.vehouse()
			// 监听updateData事件
			uni.$on('updateData', (data) => {
				this.modify()
				this.$nextTick(() => {
					// 通过 $refs 获取子组件实例
					const loginComponent = this.$refs.vehouse;
					// 调用子组件方法
					loginComponent.uetdata()
				});
				console.log('Received update data66666:', data);
				// 执行更新操作
			});
		},
		onShow() {
			// this.uent()
			// this.modify()
		},

		// onUnload() {
		// 	// 页面销毁时移除updateData事件监听
		// 	uni.$off('updateData');
		// },


		methods: {


			// moving_type	string	是	搬家类型 1normal 2japanese 3company（传数字即可）
			// select_type	string	是	二级类型 1小面 2金杯 3依维柯 4箱货 5全日式 6 半日式 7 全屋收纳整理（传数字即可）
			// user_name	string	是	客户姓名
			// user_mobile	string	是	客户手机号
			// out_address	string	是	搬出地址
			// in_address_json	json	是	搬入地址 json “[“北京市西城区西直门大街345号”,”北京市大兴区庞各庄幸福街345号”]”
			// moving_time	int	是	上门时间 时间戳
			// init_amount	float	是	初始金额




			// 下一步
			uentse() {



				var s = (this.type == 0) ? 1 : 3;


				if (s == 1) {
					var key = "putong";
				} else {
					var key = "qiye";
				}
				var storage = uni.getStorageSync(key) || {};

				console.log(storage)


				if (!storage.onew) {


					uni.showToast({
						title: '请输入搬出地址',
						icon: 'none',
						duration: 2000
					})

				}


				// if (!storage.two) {


				// 	uni.showToast({
				// 		title: '请输入搬入地址',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// 	return
				// }
				if (!storage.name) {


					uni.showToast({
						title: '请输入联系人',
						icon: 'none',
						duration: 2000
					})
					return
				}
				if (!storage.time) {

					uni.showToast({
						title: '请输入时间',
						icon: 'none',
						duration: 2000
					})
					return
				}





				if (storage.phone == '') {
					uni.showToast({
						title: '手机号码为空',
						icon: 'none',
						duration: 2000
					})
					return
				}
				const regex = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/;

				if (regex.test(storage.phone)) {

				} else {
					console.log("手机号码格式不正确");
					uni.showToast({
						title: '手机号码有误',
						icon: 'none',
						duration: 2000
					})
					return
				}



				var LoginData = uni.getStorageSync('LoginData');


				console.log(LoginData)





				if (LoginData) {

				} else {

					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})


					setTimeout(function() {

						uni.switchTab({
							url: '/pages/Mine/Mine'
						});
						console.log('两秒后执行的函数');
					}, 2000);


					return

				}




				// 定义键名数组
				var keysToCheck = ['two', 'three', 'four', 'five'];

				// five

				// 创建一个空数组来存储值
				var valuesArray = [];

				// 遍历键名数组，检查 storage 中是否有对应的项，如果有则将值添加到数组中
				keysToCheck.forEach(function(key) {

					if (storage.hasOwnProperty(key)) {
						valuesArray.push(storage[key]);
					}
				});



				  




				var data = {
					moving_type: s,
					select_type: this.typese+1,
					user_name: storage.name,
					user_mobile: storage.phone,
					out_address: storage.onew,
					in_address_json: valuesArray,
					moving_time: storage.time.moving_time,
					init_amount: this.carindex.initial_price,
				}
				console.log(data)

 

				var _this = this
				  
				  



				// moving_type	string	是	搬家类型 1normal 2japanese 3company（传数字即可）
				// select_type	string	是	二级类型 1小面 2金杯 3依维柯 4箱货 5全日式 6 半日式 7 全屋收纳整理（传数字即可）




				CreateOrder(data).then(res => {
					if (res.data.code == 0) {


						uni.showToast({
							title: '订单已成功创建',
							icon: 'none',
							duration: 2000
						})



						setTimeout(function() {
							// 是否提交订单成功后, 清空数据 1111111111111111 
							// return

							if (data.moving_type == "1") {
								var key = "putong";
							} else if (data.moving_type == "2") {
								console.log('日式')
							} else if (data.moving_type == "3") {
								var key = "qiye";
							}
							uni.removeStorageSync(key);
							console.log("本地缓存已清空");
							const loginComponent = _this.$refs.vehouse;
							// 调用子组件方法
							loginComponent.uetdata()
						}, 2000); // 1000毫秒 = 1秒







						const params = {
							id: res.data.data,
							pick: this.carindex.initial_price
						};


						  

						setTimeout(function() {
							// 在这里写要执行的函数体

							// 将 params 对象转换为查询字符串
							const queryString =
								`id=${encodeURIComponent(params.id)}&pick=${encodeURIComponent(params.pick)}`;
							uni.navigateTo({
								url: '/pages/Orderconfirmation/Orderconfirmation?' + queryString
							});


							// uni.navigateTo({
							// 	url: '/pages/Orderconfirmation/Orderconfirmation?id=' + params
							// })
							return

							uni.setStorage({
								key: 'orderid',
								data: params,
								success: function() {
									// 存储成功后，进行 switchTab 跳转
									uni.switchTab({
										url: '/pages/Estimate/Estimate'
									});

									return

									uni.navigateTo({
										url: '/pages/Orderconfirmation/Orderconfirmation?data=' +
											data
									})
								}
							});
							console.log('两秒后执行的函数');
						}, 2000);

					} else {

						uni.showToast({
							title: res.data.msg,
							icon: 'none',
							duration: 2000
						})
					}

				}).catch(error => {
					console.error('Init 方法执行出错：', error);
				});

			},


			// 给 组件传index 值
			vehouse() {
				this.$nextTick(() => {
					// 通过 $refs 获取子组件实例
					const loginComponent = this.$refs.vehouse;
					var i = "index"
					var e = this.type
					var its = 0
					var ti = this.typese

					// 调用子组件方法
					loginComponent.open(i, e, its, ti);
				});
			},


			modify() {
				this.$nextTick(() => {
					// 通过 $refs 获取子组件实例
					const loginComponent = this.$refs.japanRef;
					var i = "index"
					var e = this.type
					var its = this.carindex
					var ti = this.typese

					if (its.name == "全屋收纳整理") {
						loginComponent.open(i, e, its, ti);

						// 更新特定页面数据
						this.uent()
						return

					}
					// 调用子组件方法
					// 携带的参数值 i 为 index 的时候 是 首页  japanre 的时候是 日式页面
					// e 是一级导航 
					// its 是数据
					// ti 是二级导航

					loginComponent.open(i, e, its, ti);


				});



			},

			uent() {

				const loginComponent = this.$refs.japanRef;

				loginComponent.uentestay();

			},




			// 普通搬家 日式搬家  企业搬家
			tab(i) {
				console.log(i)
				this.type = i
				this.typese = 1

				// 等于 日式搬家的时候
				if (i == 1) {
					this.cartype = this.extdata[i].type
					this.tabcar(1);
					this.modify()
				} else {
					this.cartype = this.extdata[i].type
					this.tabcar(1)
					// 触发更新赋值
					this.vehouse()
				}
			},


			tabcar(i) {
				// type 是 第一级导航
				// typese 是第二级导航
				this.typese = i
				var se = this.cartype[i]
				this.carindex = this.cartype[i]

				// 普通 0  日式 1  企业 2

				if (this.type == 2) {
					this.carindex.image = this.cartype[i].car_image
				} else if (this.type == 1) {


					this.modify()



				}
			},








			Car() {

				Init().then(res => {


					this.Carinformation = res.data.data


					// 提取company、japanese和normal对象到数组中
					const extractedData = [];
					extractedData.push(res.data.data.normal);

					extractedData.push(res.data.data.japanese);
					extractedData.push(res.data.data.company);
					// 将company里的car_type属性改为和其他对象相同的type属性
					extractedData[2].type = extractedData[2].car_type;
					delete extractedData[2].car_type;
					console.log(extractedData, 888888);

					this.extdata = extractedData
					this.cartype = extractedData[0].type
					this.carindex = extractedData[0].type[1]



				}).catch(error => {
					console.error('Init 方法执行出错：', error);
				});



			},



			ciickherit() {


				uni.showToast({
					title: '该城市暂未开放',
					icon: 'none',
					duration: 2000
				})
				return
			},


			handleClick() {



				uni.navigateTo({
					url: '/pages/Service/Service',



				});

			},

			open() {
				this.show = !this.show


			},
		}
	}
</script>

<style lang="less" scoped>
	.bottoms {

		.mt-18-5 {
			margin-top: 37rpx;
		}

		.mt-16-5 {
			margin-top: 33rpx;
		}

		.ml-7-5 {
			margin-left: 15rpx;
		}

		.ml-8-5 {
			margin-left: 17rpx;
		}

		.font_2 {
			font-size: 28rpx;
			font-family: PingFang SC;
			line-height: 26.04rpx;
			color: #222222;
		}

		.section_4 {
			// padding: 30rpx 0 156.28rpx;
			height: 35vh;
			width: 100%;
			background-color: #ffffff;
			border-radius: 16rpx 16rpx 0rpx 0rpx;

			z-index: 99;

		}

		.group_4 {
			padding-left: 33rpx;
			padding-right: 30rpx;
		}

		.text_10 {
			line-height: 26.24rpx;
		}

		.image_5 {
			margin-bottom: 3.02rpx;
			border-radius: 50%;
			width: 42rpx;
			height: 42rpx;
		}

		.text_11 {
			margin-left: 3.28rpx;
			line-height: 26.02rpx;
		}

		.button {
			align-self: flex-start;
		}

		.section_5 {
			padding: 21.84rpx 31.54rpx 21.26rpx 32rpx;
			background-color: #2b8eff1f;
			border-radius: 12rpx;
			width: 181rpx;
			border-left: solid 2rpx #2b8eff;
			border-right: solid 2rpx #2b8eff;
			border-top: solid 2rpx #2b8eff;
			border-bottom: solid 2rpx #2b8eff;
		}

		.image_6 {
			width: 20rpx;
			height: 20rpx;
		}

		.text_12 {
			color: #2b8eff;
			line-height: 25.9rpx;
		}

		.text_13 {
			margin-left: 34.46rpx;
			line-height: 26.02rpx;
		}

		.group_6 {
			padding: 0 33rpx;
		}

		.text-wrapper_2 {
			padding: 21.84rpx 0 21.18rpx;
			flex: 1 1 158rpx;
			background-color: #f3f4f8;
			border-radius: 12rpx;
			height: 69rpx;
		}

		.text_14 {
			line-height: 25.98rpx;
		}

		.text_16 {
			line-height: 26.02rpx;
		}

		.text-wrapper_4 {
			flex: 1 1 158rpx;
			padding: 21.84rpx 0 21.14rpx;
			background-color: #f3f4f8;
			border-radius: 12rpx;
			height: 69rpx;
		}

		.view_2 {
			margin-right: 3rpx;
		}

		.view {
			margin-right: 3rpx;
		}

		.text-wrapper_1 {
			flex: 1 1 158rpx;
			padding: 21.84rpx 0 21.12rpx;
			background-color: #f3f4f8;
			border-radius: 12rpx;
			height: 69rpx;
		}

		.text-wrapper_3 {
			padding: 21.84rpx 0 21.12rpx;
			background-color: #f3f4f8;
			border-radius: 12rpx;
			width: 158rpx;
			height: 69rpx;
		}
	}






	.view_3 .text_222 {
		color: #222222;
		font-size: 24rpx;
		font-family: PingFang SC;
		line-height: 24rpx;
		align-self: center;

	}


	.ml-5 {
		margin-left: 10rpx;
	}

	.mt-33 {
		margin-top: 66rpx;
	}

	.mt-13-5 {
		margin-top: 27rpx;
	}

	.mt-7 {
		margin-top: 14rpx;
	}

	.mt-7-5 {
		margin-top: 15rpx;
	}

	.ml-8-5 {
		margin-left: 17rpx;
	}

	.mt-14-5 {
		margin-top: 29rpx;
	}

	.mt-3 {
		margin-top: 6rpx;
	}

	.mt-3-5 {
		margin-top: 7rpx;
	}

	.mt-4-5 {
		margin-top: 9rpx;
	}

	.page {
		background-color: #f5f5f5;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding-bottom: 67rpx;
		overflow-y: auto;
	}

	.section {
		padding: 34rpx 30rpx 270rpx 38rpx;
		background-image: linear-gradient(180deg, #2b8eff 64.1%, #2b8eff00 100%);
	}

	.group_2 {
		padding-left: 34rpx;
	}

	.group_3 {
		line-height: 20.78rpx;
		height: 20.78rpx;
	}

	.font {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 20.78rpx;
		font-weight: 600;
		color: #ffffff;
	}

	.text {
		word-break: break-all;
	}

	.text_2 {
		letter-spacing: -0.56rpx;
	}

	.text_3 {
		line-height: 19.98rpx;
	}

	.image {
		width: 34rpx;
		height: 21rpx;
	}

	.image_2 {
		width: 31rpx;
		height: 22rpx;
	}

	.image_3 {
		width: 49rpx;
		height: 22.68rpx;
	}

	.font_2 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 26rpx;
		color: #222222;
	}

	.text_4 {
		color: #ffffff;
		line-height: 25.9rpx;
	}

	.image_4 {
		width: 18rpx;
		height: 10rpx;
	}

	.text_5 {
		color: #ffffff;
		font-size: 56rpx;
		font-family: PingFang SC;
		font-weight: 650;
		line-height: 52.18rpx;
	}

	.font_3 {
		font-size: 28rpx;
		font-family: PingFang SC;
		line-height: 22.14rpx;
		color: #999999;
	}

	.text_6 {
		color: #ffffff;
		line-height: 22.26rpx;
	}

	.section_2 {
		margin: -255rpx 12rpx 0;
		background-color: #ffffffcc;
		border-radius: 16rpx;
	}

	.section_3 {
		padding: 36rpx 0 19rpx;
		background-color: #ffffff;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		width: 235.5rpx;
		height: 100rpx;
	}

	.flex-itm {

		padding: 36rpx 0 19rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		width: 243rpx;
		height: 94rpx;
		/* text-align: center; */

	}

	.text_7 {
		line-height: 26.14rpx;
	}

	.section_4 {
		background-color: #2b8eff;
		border-radius: 1rpx;
		width: 40rpx;
		height: 4rpx;
	}

	.image_5 {
		width: 20rpx;
		height: 20rpx;

	}

	.text_8 {
		margin-left: 50rpx;
		line-height: 25.84rpx;
	}

	.text_9 {
		margin-left: 126rpx;
		line-height: 25.88rpx;
	}

	.section_5 {
		// padding-bottom: 50rpx;
		background-color: #ffffff;
		// border-radius: 0rpx 16rpx 16rpx 16rpx;
	}

	.group_4 {
		padding: 34rpx 158rpx 34rpx 160rpx;
	}

	.text-wrapper {
		// width: 73rpx;
		padding: 15rpx;
	}

	.text_10 {
		color: #2b8eff;
		line-height: 21.86rpx;
	}

	.lanse {
		color: #2b8eff;
	}

	.view {
		margin-left: 32rpx;
	}

	.font_4 {
		font-size: 24rpx;
		font-family: PingFang SC;
		line-height: 22.14rpx;
		color: #666666;
	}

	.text_11 {
		line-height: 21.94rpx;
	}

	.text-wrapper_2 {
		margin-left: 42rpx;
	}

	.view_2 {
		margin-left: 44rpx;
	}

	.text_12 {
		line-height: 22.26rpx;
	}

	.group_5 {
		padding-left: 60rpx;
		padding-right: 54rpx;
	}

	.image_6 {
		width: 245rpx;
		height: 137rpx;
	}

	.group_6 {
		width: 309.26rpx;
	}

	.font_5 {
		font-size: 26rpx;
		font-family: PingFang SC;
		line-height: 22.14rpx;
		color: #222222;
	}

	.text_13 {
		line-height: 22.4rpx;
	}

	.group_7 {
		line-height: 26rpx;
		font-size: 26rpx;
	}

	.font_6 {
		font-size: 22rpx;
		font-family: PingFang SC;
		line-height: 26rpx;
		color: #999999;
	}

	.text_14 {
		margin-left: 20rpx;
		color: #2b8eff;
	}

	.list {
		padding: 0 40rpx;
	}

	.group_8 {
		margin-top: 54rpx;
	}

	.list-item {
		padding: 34rpx 24rpx;
		background-color: #f4f5f7;
		border-radius: 8rpx;
	}

	.list-item:first-child {
		margin-top: 0;
	}

	.text-wrapper_3 {
		padding: 6rpx 0;
		background-color: #2b8eff;
		border-radius: 8rpx;
		width: 32rpx;
		height: 32rpx;
	}

	.font_7 {
		font-size: 20rpx;
		font-family: PingFang SC;
		line-height: 18.56rpx;
		color: #ffffff;
	}

	.text_15 {
		line-height: 22.22rpx;
	}

	.view_3 {
		margin-top: 20rpx;
	}

	.text_20 {
		color: #222222;
		font-size: 64rpx;
		font-family: PingFang SC;
		line-height: 47.5rpx;
	}

	.text_21 {
		color: #222222;
		font-size: 32rpx;
		font-family: PingFang SC;
		line-height: 28.1rpx;
	}

	.button {
		align-self: stretch;
	}

	.text-wrapper_5 {
		padding: 28rpx 0;
		background-color: #2b8eff;
		border-radius: 8rpx;
	}

	.text_22 {
		color: #ffffff;
		font-size: 36rpx;
		font-family: PingFang SC;
		line-height: 33.52rpx;
	}

	.section_6 {
		padding: 14rpx 60rpx 0;
		background-color: #ffffff;
	}

	.group_9 {
		height: 83.76rpx;
	}

	.image_8 {
		width: 54rpx;
		height: 54rpx;
	}

	.group_10 {
		height: 81.74rpx;
	}

	.group_13 {
		margin-top: 4rpx;
		height: 80.12rpx;
	}

	.group_11 {
		height: 82.24rpx;
	}

	.font_8 {
		font-size: 22rpx;
		font-family: PingFang SC;
		line-height: 20.78rpx;
		color: #666666;
	}

	.text_25 {
		line-height: 20.06rpx;
	}

	.text_24 {
		line-height: 20.32rpx;
	}

	.text_23 {
		color: #2b8eff;
		line-height: 20.4rpx;
	}

	.text_26 {
		line-height: 20.28rpx;
	}

	.group_12 {
		height: 81.94rpx;
	}

	.text_27 {
		line-height: 19.94rpx;
	}

	.section_7 {
		background-color: #ffffff;
		height: 15.26rpx;
	}
</style>